<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="../css/normalize.css">
        <link rel="stylesheet" href="../css/vh-multi.css">
        <script src="../js/vendor/modernizr-2.6.1.min.js"></script>
    </head>

    <body>
        <!--[if lt IE 8]>
            <p class="chromeframe">este sitio está optimizado para internet Explorer 8 en adelante o Google Chrome <a href="http://browsehappy.com/">actualiza tu navegador</a> o <a href="http://www.google.com/chromeframe/?redirect=true">instala google frame</a> para tener una mejor experiencia en este sitio. Disculpe las molestias.</p>
            <style type="text/css">
                #pagina{
                    display:none;
                }

            </style>

        <![endif]-->

        <!-- Add your site or application content here -->
        <div id="pagina">
            <header>
                <section id="logoestrella" class="alinear">
                    <a href="../index.html"><img src="../img/header/mariposa.png"></a>
                </section><section id="datospagina" class="alinear">
                    <img src="../img/logo_chile_fil.png">
                </section>
            </header>
            <section id="menuprincipal">
                <!-- comienzo del menú principal -->
                <nav>
                    <li class="bordermenu"><a href="../vicente-huidobro">Vicente Huidobro</a></li>
                    <li class="bordermenu"><a href="../gabriela-mistral">Gabriela Mistral</a></li>
                    <li class="bordermenu"><a href="../pablo-neruda">Pablo Neruda</a></li>
                    <li><a href="../gonzalo-rojas" >Gonzalo Rojas</a></li>
                </nav>
                <!-- fin del menú principal -->
            </section>

            <section id="menuautores">
                <!--comienzo menú autores -->
                <section id="vicenteh" class="alinear">
                </section>
                <section id="infoautorletra" class="alinear">
                    <nav id="submenu">
                        <li id="biografia"><a href="index.html">Biografía</a></li>
                        <li id="imagenes"><a href="imagenes.html">Imágenes</a></li>
                        <li id="multimedia" ><a href="multimedia.html">Multimedia</a></li>
                        <li id="documentos"><a href="documentos.html">Documentos</a></li>
                    </nav>
                    <div id="autortitulo">
                        <div class="alinear"><h1>Vicente Huidobro</h1>
                        </div><div id="botoncierre" class="alinear"><a href="../"><img src="../img/botones/cerrar.png"></a></div>
                    </div>
                    <section id="multiautor" class="infoautores">
                        <section id="audioautores"class="alinear">
                        <ul id="playlist">
                            <div class="marginplaylist">
                                <div class="parlantito alinear"><img src="../img/botones/audio.png"></div>
                                <div class="alinear textoaudio" onclick="cargaraudio('1');">Lectura de Altazor : canto I</div>
                            </div>
                            <div class="marginplaylist">
                                <div class="parlantito alinear"><img src="../img/botones/audio.png"></div>
                                <div class="alinear textoaudio" onclick="cargaraudio('2');">Lectura de Altazor : canto I. Fragmento</div>
                            </div>
                            <div  class="marginplaylist">
                                <div class="parlantito alinear"><img src="../img/botones/audio.png"></div>
                                <div class="alinear textoaudio" onclick="cargaraudio('3');">Altazor : canto II. Fragmento</div>
                            </div>
                         </ul>                       
                        </section><section id="reproducir" class="alinear">
                            <div id="reproductor">
                                <div id="playaudio" onclick="playaudio('1');"><img src="../img/botones/playaudio.png"><input type="hidden" value="0"></div>
                                <audio  id="audio1" preload="auto" tabindex="0" >
                                    <source type="audio/mpeg" src="http://www.memoriachilena.cl/archivos2/audio/MC0033670.mp3"/>
                                <div class="nosoporta">Su navegador no soporta audio en HTML5. descarge audio desde <a href="http://www.memoriachilena.cl/archivos2/audio/MC0033670.mp3">aquí</a></div> 
                                </audio>                                
                                <audio id="audio2" preload="auto" tabindex="0" >
                                    <source type="audio/mpeg" src="http://www.memoriachilena.cl/archivos2/audio/MC0033671.mp3"/>
                                <div class="nosoporta">Su navegador no soporta audio en HTML5. descarge audio desde <a href="http://www.memoriachilena.cl/archivos2/audio/MC0033671.mp3">aquí</a> </div> 
                                </audio>
                                <audio id="audio3"  preload="auto" tabindex="0" >
                                    <source type="audio/mpeg" src="http://www.memoriachilena.cl/archivos2/audio/MC0006615.mp3"/>
                                <div class="nosoporta">Su navegador no soporta audio en HTML5. descarge audio desde <a href="http://www.memoriachilena.cl/archivos2/audio/MC0006615.mp3">aquí</a></div>  
                                </audio>
                            </div>
                            <article id="textoaudio">
                                <h1>Título Altazor: canto I</h1>
                                <h2>Descripción 3:37 min.</h2>
                                <p>Notas    Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.<br>
                    En Archivo de la Palabra<br>
                    Colección Biblioteca Nacional</p>
                            </article>
                        </section>
                    </section>
                </section>
                
            </section>
            <footer>
                <center><div id="fil" class="alinear"><img src="../img/footer/footer_fil.png"></div>
                <div id="u" class="alinear"><img src="../img/footer/footer_u.png"></div>
                <div id="chile" class="alinear"><img src="../img/footer/footer_chile.png"></div>
                <!--<div id="dibam" class="alinear"><img src="../img/footer/footer_dibam.png"></div>-->
                <div id="fecha" class="alinear"><img src="../img/footer/footer_fecha.png"></div><center>
            </footer>

        </div>
        <script src="../js/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
        <script src="../js/plugins.js"></script>
        <script src="../js/main.js"></script>
        <script src="../js/slides.js"></script>
        <script>
            $(document).ready(function() {
                
                $('#fotosautor').carousel({
                    slider: '.slider',
                    slide: '.slide',
                    addNav: true,
                    addPagination: false,
                    speed: 500 // ms.
                });
                $('#audio1').css('display','block');
                $('#audio2').css('display','none');
                $('#audio3').css('display','none');
                
            });
        </script>
        <script type="text/javascript">
            function cargaraudio(audio){

                for (var i=1; i < 4; i++) {
                    $('#audio'+i).css('display','none');
                }
                $("#audio1").trigger("pause");
                $("#audio2").trigger("pause");
                $("#audio3").trigger("pause");
                $('#audio'+audio).css('display','block');
                $('#playaudio').attr('onclick','playaudio('+audio+');');
                $('#playaudio img').attr('src','../img/botones/playaudio.png');
                $('#playaudio input').val(0);

                switch(audio)
                {
                case '1':
                  $('#textoaudio h1').html('Título Altazor: canto I');
                  $('#textoaudio h2').html('Descripción 3:37 min.');
                  $('#textoaudio p').html('Notas    Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.<br>En Archivo de la Palabra<br>Colección Biblioteca Nacional');                  
                  break;
                case '2':
                  $('#textoaudio h1').html('Título  Altazor: canto I');
                  $('#textoaudio h2').html('Descripción 0:37 seg.');
                  $('#textoaudio p').html('Notas El fragmento corresponde a los siete primeros versos del Canto I Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.<BR>En Archivo de la Palabra<br> Colección Biblioteca Nacional  ');                  
                  break;
                case '3':
                  $('#textoaudio h1').html('Título Altazor: canto II');
                  $('#textoaudio h2').html('');
                  $('#textoaudio p').html('Notas Grabación relizada en el año: 196\? Recitado por Teófilo Cid Tiempo de duración: 2:36 minutos En Altazor \[grabación\] : canto segundo / en la voz de Teófilo Cid ; Vicente Huidobro. Santiago : [s. n.], 196\? 1 cassette (ca. 15 min.)<br> Colección Biblioteca Nacional');                 
                  break;                 
                default:
                  
                }
            }

            function playaudio(audio){
                playstate = $('#playaudio input').val();
                audio= "audio"+audio;
                if (playstate == 0) {
                    $('#playaudio img').attr('src','../img/botones/stopaudio.png');
                    $('#playaudio input').val(1);                    
                    document.getElementById(audio).play()
                }
                if (playstate == 1) {
                    $('#playaudio img').attr('src','../img/botones/playaudio.png');
                    $('#playaudio input').val(0);
                    document.getElementById(audio).pause()
                }


            }
        </script>
    </body>
</html>
